@font-face{
    font-family: oldengl;
    src: url('../ressources/fonts/oldengl.ttf');
}

body{
    margin: auto;
    background-color: rgb(220,220,220);
}
a img{
    border:none
}
a{
    text-decoration: none;
    color: black
}

/*--------------------------------------------Header-----------------------------------------*/
#top
{background-color: rgb(147,31,75); height: 100px;}
#header
{height: 100px; width: 800px; margin: auto;position: relative;}
#logo
{height: 90px; width: 200px;position: absolute; top: 5px;}
#navigation
{height: 40px; width: 450px; position: absolute; left: 300px; top: 60px; color:black; text-decoration: none; text-align: center; font-family: oldengl; font-size:1.5em; text-shadow: white -1px -1px 4px;}
#nav_historique
{height: 44px; width: 150px; position: absolute; left: 0px;}
#nav_transfert
{height: 44px; width: 150px; position: absolute; left: 150px;}
#nav_stats
{height: 44px; width: 150px; position: absolute; left: 300px;}
#navigation div:not(.menu_actif):hover 
{background: url("./ressources/menu_hover.png") no-repeat bottom center;}
.menu_actif
{background: url("./ressources/menu_actif.png") no-repeat bottom center;}
#degrade_top
{height: 4px; background-image: url("./ressources/degrade.png")}
#info_compte
{height: 25px; width: 200px; position: absolute; right: 50px; font-size: 0.7em;text-align:center}


/*--------------------------------------------Corps-----------------------------------------*/
#corps
{width: 800px; min-height: 300px;background-color: rgb(255,255,255); margin:auto;position:relative}
/*Info Compte : Colonne Infos PG*/
#table
{margin-top: 0px;}
#col_pg
{text-align: center; width: 400px;}
#small
{font-size: 0.8em; margin-left: 10px; text-align: left; margin-top: 10px; margin-bottom: 10px;}
#lsv.boite_info
{background: #ddefff; position:relative; left: 50px; bottom: 10px;width: 300px;max-height:130px}
#col_brz
{text-align: center; width: 400px;}

#separateur_brousoufs
{width: 1px; height: 200px; position: absolute; right: 400px; top: 50px; background-color: rgb(180,180,180);}

/*Info Compte : Colonne Brouzoufs*/
#boite_solde
{font-size: 4.5em;}
.posits
{color: green;}
.negats
{color: red;}
td:first-letter
{text-transform:uppercase;}
/*Accueil*/

#informations_compte
{position:absolute;left:50px;top:20px; width: 300px;}
#informations_compte  h1
{text-align:center;font-weight:normal;font-size:1em;margin-bottom:5px}
.boite_info_contenu h2
{padding-top:0px;padding-bottom:0px;margin-top:0px;font-weight:normal;font-size:1em;text-align:center}
.thuysse_lsv
{font-size: 0.7em;line-height:10px; margin-bottom:10px;padding-bottom:0px;margin-top:0px;padding-top:0px}
#informations_compte img
{margin-left: 50px;}
/*Historique*/
#tableau_historique table
{width: 98%;margin-left:10px;padding-bottom:20px;padding-top:20px;}
#zone_filtre
{width:90%;margin-left:auto;margin-right:auto;text-align:center;}
#boite_filtres
{background-color: rgb(180,180,180);text-align:center;margin-left:auto;margin-right:auto}
.boite_filtres{background: #fee4b6;}
.boite_filtres_haut div {background: url(./ressources/boite_filtres_haut_gauche) no-repeat top left;}
.boite_filtres_haut {background: url(./ressources/boite_filtres_haut_droit) no-repeat top right;}
.boite_filtres_bas div {background: url(./ressources/boite_filtres_bas_gauche) no-repeat bottom left;}
.boite_filtres_bas {background: url(./ressources/boite_filtres_bas_droit) no-repeat bottom right;}
.boite_filtres_haut div, .boite_filtres_haut,
.boite_filtres_bas div, .boite_filtres_bas {width: 100%;height: 10px;font-size: 1px;}
.boite_filtres_contenu h2
{padding-top:0px;padding-bottom:0px;margin-top:0px;font-weight:normal;font-size:1em;text-align:center}
.boite_filtres_contenu p
{padding-left:5px}
.ligne_pair
{background-color: rgb(210,230,255)}
.ligne_impaire
{}
#filtre_impulseur
{text-transform:capitalize}
/*Changement Mot de Passe*/
#formulaire_changement_mdp
{padding-top:20px;text-align:right}
#notification_changement_mdp
{width:400px;padding-top:100px;margin-left:auto;margin-right:auto;text-align:center}
/*Transfert*/
#zone_parametre_transfert td
{padding-top:10px;padding-bottom:10px}
#boite_compte_debite
{background-color: rgb(230,100,100);margin-top:20px;margin-left:20px;width: 40%;min-height: 200px;}
#boite_compte_credite
{background-color: rgb(100,230,100);position:absolute;right:20px;top:20px; width: 40%;min-height: 200px;}
#boite_compte_debite .nums , #boite_compte_credite .nums 
{text-align:center;font-size: 1.5em}
#boite_compte_debite .prenom_bucque_nom , #boite_compte_credite .prenom_bucque_nom
{text-align:center;}
.photo_id
{text-align:center}
#zone_parametre_transfert table
{margin-top:70px;margin-bottom:30px;margin-left:auto;margin-right:auto}
#zone_euro
{width:5px}
#bouton_transfert
{text-align:right;margin-right:150px}
#TB_window table
{width:100%}
#TB_window td
{width:50%;}
#TB_window #bouton_confirmation
{text-align:right;margin-right:80px;margin-top:8px}
#TB_window .nums
{font-size:1.1em}
#zone_parametre_transfert #somme
{text-align:right;}
.montant
{text-decoration:bold;font-size:3em}
#TB_window  #infos_xfert td
{padding-top:7px;padding-bottom:7px}
#TB_window .boite_info
{margin-top:40px}
#TB_window .boite_attention
{margin-bottom:40px}
#bouton_transfert a
{text-decoration:none;}
.boite_info img, .boite_attention img
{position:relative;left:-5px;top:2px}
#traitement_transfert table
{margin-left:auto;margin-right:auto;margin-top:20px}
#traitement_transfert
{padding-top:70px;text-align:center;width:50%;margin-left:auto;margin-right:auto}
.notification_erreur_transfert
{width:300px;margin-top:120px;text-align:center;margin-left:auto;margin-right:auto}


/*--------------------------------------------Pied de Page-----------------------------------------*/
#footer
{width: 800px; margin: auto;}
#barre_v
{width: 700px; height: 15px;margin: auto; background-image: url("../ressources/images/barre_v.png")}
#credits
{font-size: 0.6em;text-align:center;}
